<template>
    <view class="pm100">
        <view class="pd pt50 row cf fz30 xfgfdyuyser">
        	<view class="col">
        		朋友动态
        	</view>
			<view class="userrttd pr">
				<image src="../../html/img/usericon.png" class="yj ujmjmjjdnt"></image>
				<text class="jmnmjnsert"></text>
			</view>
			<uni-icons type="right" color="#999" class="cz ml20"></uni-icons>
        </view>
		<view class="pt20" v-if="lists.length>0">
			<navigator url="chattingRecords" class="userlistdf mt70 row pd" v-for="sd in 20" >
				<image src="../../html/img/usericon.png" class="yj unnsertty"></image>
				<view class="col pl20">
					<view class="fz32 cf mt10">
						Kane_Design
					</view>
					<view class="dian mt10 cf fz26">
						你好，吃饭了吗?
					</view>
				</view>
				<view class=" mt10 tr">
					<view class="fz24 z9">
						15:37
					</view>
					<text class="yj jjnnxertwer">6</text>
				</view>
			</navigator>
		</view>
		<view class="dfsgdgtxer" v-if="lists.length == 0">
				<image src="../../static/img/qs/xiaoxi.png" class="xijannerrt"  mode="widthFix"></image>
				<view class="mt20 fz28 z9 ">
					暂无消息
				</view>
		</view>
    </view>
</template>
<script>
    export default {
        data() {
            return {
				lists:[]
			}
        },
        components: {},
        methods: {},
        mounted() {},
		
		onNavigationBarButtonTap(e) {
			let th = this
			console.log(e.index);
			if (e.index == 1) {
				uni.navigateTo({
					url:'addmem'
				})
			}else if(e.index == 0){
				uni.navigateTo({
					url:'AddressBook'
				})
			}
		
		},
	
    }

</script>
<style  scoped>
	.ujmjmjjdnt{
		width: 72upx;
		height: 72upx;
	}
	.xfgfdyuyser{
		line-height: 72upx;
	}
	.jmnmjnsert{
		display: inline-block;
		width:18upx;
		height:18upx;
		background:rgba(252,90,90,1);
		border-radius:50%;
		position: absolute;
		right: 0;
		top: 0;
	}
	.unnsertty{
		width: 110upx;
		height: 110upx;
	}
	.jjnnxertwer{
		width:32upx;
		height:32upx;
		text-align: center;
		display: inline-block;
		color: #fff;
		font-size: 22upx;
		background:rgba(22,137,213,1);
		border-radius:50%;
	}
</style>
